<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的</title>
</head>

<body>
    <!-- app-main主要内容 -->
    <div class="app-mine">

        <!-- 头部用户名 -->
        <div class="main-username" id="information">
            <div class="username dpflex">
                <p class="usernameimg">
                    <img src="../img/dog.jpg" alt="" id="imgurl">
                    <span class="iconfont icon-VIP"></span> </p>
                
                    <p id="nickname">用户名</p>
                <p class="usernamearrows">></p>
            </div>
            <p>个性签名: <span id="sign">这个人很懒,什么都没留下</span></p>
        </div>

        <!-- 个人动态 -->
        <div class="Personal-dynamic dpflex">
            <div>
                <i class="iconfont icon-API"></i>个人动态
            </div>
            <div>
                <span id="dynamicCount">10条</span> <span class="arrows">></span>
            </div>
        </div>

        <!-- 运动数据 -->
        <div>
            <div class="Personal-dynamic dpflex">
                <div>
                    <i class="iconfont icon-fl-baobiao"></i>运动数据
                </div>
                <div>
                    <span class="arrows">></span>
                </div>

            </div>
            <div class="dynamic dpflex">
                <div class="total-movement total">
                    <p class="movement">总运动</p>
                    <p class="movement-time" ><span id="times">99999</span><span>分钟</span> </p>
                </div>
                <div class="total-movement weekuse">
                    <p class="movement">本周消耗</p>
                    <p class="movement-time"><span id="calorie">99999</span><span>千卡</span> </p>
                </div>
            </div>
        </div>

        <!-- 我的运动徽章 -->
        <div class="sport">
            <div class="Personal-dynamic dpflex">
                <div>
                    <i class="iconfont icon-sharpicons_ribbon-"></i>我的运动徽章
                </div>
                <div>
                    <span class="arrows">></span>
                </div>
            </div>
            <div class="dynamic dpflex dynamic1">
                <div class="data"></div>
                <div class="data"></div>
                <div class="data"></div>
            </div>
        </div>

        <!-- 退出登录 -->
        <div class="Personal-dynamic dpflex log-out" id="loginOut">
            退出登录
        </div>

        <div class="nav dpflex">
            <p class="dpflex fdcolumn ">
                
                  <a href="./home.html" class="iconfont icon-shouye" ></a>
                  <a href="./home.html">首页</a>
            </p>
    
            <p class="dpflex fdcolumn">
                    <a href="./running.html" class="iconfont icon-yundongjulebu"></a>
                    <a href="./running.html">运动</a>
            </p>
    
            <p class="dpflex fdcolumn">
                <a href="focus.html" class="iconfont icon-pintu"></a>
                <a href="focus.html">圈子</a>
             </p>
    
             <p class="dpflex fdcolumn">
                <a href="mine.html" class="iconfont icon-wode active"></a>
                <a href="mine.html" class="active">我的</a>
             </p>
        </div>
    </div>
</body>

</html>